/* Main Menu */

.mainMenu_wrapper {

    background-color: transparent;
    border: 0px hidden;
    top: 40px;
    float: left;
    height: 300px;
    margin-left: 10px;
    margin-right: 60px;
    position: absolute;
    width: 250px;
}

.mainMenu_mark_wrapper  {

    background-color: transparent;
    border: 0px hidden;
    background-repeat: no-repeat;
    top: 1px;
    float: left;
    height: 15px;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    width: 250px;
}

.mainMenu_Close_wrapper{

    background-color: transparent;
    border: 0px hidden;
    width:36px;
    height:35px;
    background-repeat: no-repeat;
    top: 1px;
    float: right;
    margin-right: 0px;
    margin-left: 220px;
    position: absolute;
    cursor:pointer;
}

.mainMenu_box_wrapper {

    background-color: #f4f4f4;
    border: 1px solid #cfd8dc;
    top: 15px;
    box-shadow: 4px 4px 12px 0px rgba(117, 124, 122, 0.67);
    float: left;
    height: 290px;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    width: 250px;
}

.main-menu:hover {

    width: 250px;
    overflow-y: hidden;
}

.main-menu {

    background-color: transparent;
    border:hidden ;
    position:absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    width: 250px;    
}

.main-menu-item {

    position: relative;
    display: table;
    border-spacing: 0;
    color: #808080;
    width: 250px;
    height: 36px;
    border-top-width: 0px;
    border-bottom-width: thin;
    border-bottom-style:solid;
    border-bottom-color:rgba(199, 200, 200, 0.67);
            
}

.main-menu-item:hover {
        
        background-color: #e2ccd1;
        color: #000000;
        cursor: pointer; 
}

.main-menu-item-selected{

    position: relative;
    display: table;
    border-spacing: 0;
    color:#ffffff;
    background-color:#780620;
    width: 250px;
    height: 36px;
    border-bottom-width: thin;
    border-bottom-style:solid;
    border-bottom-color:rgba(199, 200, 200, 0.67);
            
}

.main-menu-item-selected:hover {

        background-color: #e2ccd1;
        color: #000000;
        cursor: pointer; 
}

.main-menu-item-text {

            font-size:15px; /*Change Defualt FontSize*/
            display: table-cell;
            vertical-align: middle;
            text-align:left;
            padding-left: 30px;
}

/* Language Menu  */

.LanguageMenu_wrapper {
    
    background-color: transparent; 
    border: 0px hidden;
    top: 40px;
    float: right;
    height: 300px;
    right: 15px;
    position: absolute;
    width: 150px;

}

.LanguageMenu_box_wrapper {

    background-color: white;
    border: 1px solid #cfd8dc;
    top: 15px;
    box-shadow: 4px 4px 12px 0px rgba(117, 124, 122, 0.67);
    float: left;
    height: 290px;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    width: 150px;
}

.lang-menu-item {

    position: relative;
    display: table;
    border-spacing: 0;
    color: #999;
    width: 150px;
    height: 36px;
    border-bottom-width: thin;
    border-bottom-style:solid;
    border-bottom-color:rgba(199, 200, 200, 0.67);
            
}

.lang-menu-item:hover {

    color: #fff;
    background-color: rgba(144, 147, 164, 0.77);
    cursor: pointer; 

}

.lang-menu-flag {

     position:absolute;
     top:3px; 
     right:15px;
     width:28px;
     height:28px;
}

/* Admin Menu  */
.AdminMenu_wrapper {

    background-color: transparent;
    border: 0px hidden;
    top: 40px;
    right : 0px;
    float: right;
    height: 300px;
    margin-left: 10px;
    margin-right: 10px;
    position: absolute;
    width: 250px;
}

.AdminMenu_Close_wrapper{

    background-color: transparent;
    border: 0px hidden;
    width:36px;
    height:35px;
    background-repeat: no-repeat;
    top: 1px;
    float: right;
    margin-right: 0px;
    margin-left: 220px;
    position: absolute;
    cursor:pointer;
}

/* TreeView */

.TreeView-root {

    margin-top:95px;
    width:350px; 
    background-color:#f1f1f1;
    border:none;
    
}

.TreeView-item {

    position: relative;
    display: table;
    border-spacing: 0;
    color: #808080;
    width: 100%;
    height: 36px;
    border-bottom-width: thin;
    border-bottom-style:solid;
    border-bottom-color:rgba(199, 200, 200, 0.67);
            
}

.TreeView-item:hover {

        color: #000000;
        background-color:#e2ccd1;
        cursor: pointer; 

}

.TreeView-text {
          
            font-size:15px; /*Change Defualt FontSize*/
            display: table-cell;
            vertical-align: middle;
            text-align:left;
            padding-left: 27px;
            
}

.TreeView-text-Selected {
          
            font-size:15px; /*Change Defualt FontSize*/
            display: table-cell;
            vertical-align: middle;
            text-align:left;
            padding-left: 27px;
            color:#ffffff;
            background-color:#780620;
            width:100%;
            border-spacing: 0;            
}

.k-treeview .k-plus {

    position:absolute;
    width : 19px;
    height : 22px;
    margin-left:2px;
    
}

.k-treeview .k-minus {

    position:absolute;
     width : 19px;
    height : 22px;
    margin-left:2px;

}